export default {
  // 这里配置的是使用该指令
  inserted(el, option) {
    // 钩子默认能够接收两个参数
    // 1. 当前元素
    // console.log('el', el)
    // 2. 当前指令配置
    // console.log('option', option)

    el.addEventListener('error', () => {
      el.src = option.value
    })
    // 除了图片地址错误，还有图片地址为空的情况需要处理
    // if (!el.src) {
    //   el.src = require('@/assets/common/head.jpg')
    // }
    el.src = el.src || option.value
  },
  // 上面的钩子只有在元素创建时才生效
  // 对于事件监听不成问题，因为监听会一直存在
  componentUpdated(el, option) {
    el.src = el.src || option.value
  }
}
